@import "content/blockquote";
@import "content/codeblock";
@import "tagcloud";

::selection {
  background: rgba($color-accent, 0.4);
}

body {
  background: $back-container-background;
  padding: 0;
  margin: 0;
  font-family: $default-font-list;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  color: $color-text;
}

* {
  color: $deep-dark-accent;
  //line-height: 1.7em;
  word-wrap: break-word;
  box-sizing: border-box;
}

h1, h2, h3 {

  font-weight: bold;

}

h1 {
  font-size: $h1;
  margin: 20px auto;
}

h2 {
  font-size: $h1 - 2 * $h-diff;
  margin: 20px auto;
}

h3 {
  font-size: $h1 - 3 * $h-diff;
  margin: 20px auto;
}

h4 {
  font-size: $h1 - 3 * $h-diff;
  padding: 20px auto;
}

h5 {
  font-size: $h1 - 3 * $h-diff - 1;
  padding: 10px auto;
}

h6 {
  font-size: $h1 - 3 * $h-diff - 2;
  padding: 10px auto;
}

textarea,
select,
input,
button {
  outline: none !important;
}

table {
  table-layout: fixed;
  overflow-x: scroll;
}

button {
  cursor: hand;
  cursor: pointer;
}

a {
  color: $color-accent;

  &:hover {
    color: darken($color-accent, 10%);
    text-underline-position: under;
  }

  @media screen and (max-width: $single-column-max-width) {
    &:hover {
      text-decoration: none !important;
    }
  }
}

// dirty hack for livere
#lv-container {
  padding: 0 30px;

  @media screen and (max-width: $single-column-max-width) {
    padding: 0 15px;
  }
}

.gsc-control-searchbox-only {
  display: flex !important;
  background: none !important;
  max-width: 70%;
  margin-top: 1em;
  margin-left: 1.5em;
  margin-right: 0.2em;
  @media screen and (max-width: $single-column-max-width) {
    margin-left: 0.5em;
    padding-left: 0.2em;
    .gsst_a {
      display: none;
    }
  }
}

